<route>
  {
      meta: {
          layout: 'index',
          title:'工程'
      }
  }  
</route>
<template>
  <div>
    <a-row>
      <a-col :span="5">
        <TreeSelect :treeData="projectTree" @handleOpen="handleOpen"></TreeSelect>
      </a-col>
      <a-col :span="19">
        <AccidentReport v-if="selectKey === '3-1'"></AccidentReport>
        <CardUnlocking v-if="selectKey === '3-2'"></CardUnlocking>
        <WorkPermit v-if="selectKey === '3-3'"></WorkPermit>
        <a-card v-if="selectKey === '3-4'">
          <SalvageGuidance></SalvageGuidance>
        </a-card>
        <a-card v-if="selectKey === '3-5'">
          <Training></Training>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>
<script setup>
import { projectTree } from '../../constant/tree'
import TreeSelect from "../../components/TreeSelect.vue";
import AccidentReport from './accidentReport/index.vue'
import CardUnlocking from './cardUnlocking/index.vue'
import WorkPermit from './workPermit/index.vue'
import SalvageGuidance from './salvageGuidance/index.vue'
import Training from './training/index.vue'
const selectKey = ref()
function handleOpen(e) {
  console.log('handleOpen', e);
  selectKey.value = e
}
</script>
<style></style>
  